/*
 * @Author: xiaoyan
 * @Date: 2021-11-19 10:05:31
 * @LastEditors: xiaoyan
 * @LastEditTime: 2021-11-26 17:24:17
 * @Description: 
 * @FilePath: \user_auth_front\src\pages\notFound\index.tsx
 */
import notFound from "@/assets/images/common/404.jpg"
import { Button } from "antd";
import {SendOutlined} from '@ant-design/icons';
import { useNavigate } from "react-router-dom";
import "./index.scss"
export default (props:any)=>{
    const navigate = useNavigate();
    const getHome = ()=>{
        navigate('/home');
    };
    const getBack = ()=>{
        window.history.back();
    };
    return (
        <div className="no-found">
            <h3>404</h3>
            <img src={notFound} alt="404"/>
            <div className="tools">回家<SendOutlined /><Button type="link" onClick={getHome}>首页</Button></div>
            <div className="tools">后退一步<SendOutlined /><Button type="link" onClick={getBack}>回到上一页</Button></div>
        </div>
    );
};